<div class="shop_wrapper">
    <div class="shop_header">
        <div class="shop_header_left">
            <ul>
                <? foreach ($categories as $cat) : ?>
                    <li><a href="/testshop/index/<?=$cat['alias']?>/"><?=$cat['name']?></a></li>
                <? endforeach; ?>
            </ul>
        </div>
        <div class="shop_header_right">
            <span class="shop_cart_count_items"><?=!empty($itemsCount)?$itemsCount:'0'?></span>
            <span class="shop_cart_image"></span>
        </div>
    </div>
    <div class="shop_main">
        <? foreach($items as $item) : ?>
            <div class="shop_item">
                <div class="shop_item_image">
                    <img src="<?=$item['img_url_preview']?>"/>
                </div>
                <div class="shop_short_info">
                    <div class="shop_short_info_text">
                        <?=$item['text1']?>
                    </div>
                    <div class="shop_short_info_price">
                        $ <span><?=$item['price']?></span>
                    </div>
                    <div class="shop_add_to_cart">
                        <span class="add_to_cart" data-id="<?=$item['id']?>"></span>
                        <span class="add_to_cart_shadow"></span>
                    </div>
                </div>
                <div class="quick_view">

                </div>
            </div>
        <? endforeach; ?>
    </div>
    <div style="text-align: center;display: none;" id="upBlock"><img src="/images/loader.gif" alt=""/></div>
</div>

<script type="text/javascript">

    /*ICONS animation*/
    $('.add_to_cart').hover(
        function(){
            $(this).stop(true,true).animate({
                'top': '-3px'
            });
        },
        function(){
            $(this).animate({
                'top': '0px'
            });
        });

    /*CURRENT SHOP CATEGORY*/
    (function($){
        $('.shop_header_left ul li a').each(function(){
            if(document.location.pathname === $(this).attr('href')){
                $(this).addClass('current');
            }
        });
    })(jQuery);

</script>

<script type="text/javascript">
    autoScroll("",$(".shop_main"),$("#upBlock"));
</script>



